01. Project Overview

Project Overview

For this project, you'll be building a portfolio website. You will be provided a design mockup as a PDF-file, and you must replicate that design in HTML and CSS. You will develop a responsive website that will display images, descriptions and links to each of the portfolio projects you will complete through the course of your Nanodegree program. Please note that while you should aim to recreate the mockup, you may also use your own custom images to personalize this project.

Once you've successfully replicated the design mockup, you are encouraged to continue tweaking and making customizations to the design to personalize it and make it your own! This is your living portfolio site, so make sure you're happy with it.

Why this project?

The first thing potential employers look for isn’t which school you attended or what your GPA was; they want to see what you’ve built! You need a professional portfolio to show off your skills.

In this project you’ll build a great looking portfolio where you can show off images, descriptions and links to all of your projects. You'll do so by writing code that conforms to the Udacity Style Guide.

What will I learn?

You will learn how HTML is used to define the content of a web page and start to think of every web page as a number of boxes on the screen. You’ll then learn how to position those boxes and make them beautiful using CSS.

You'll accomplish this while conforming to a style guide which is an important constraint once you step into any existing development position.

Why is this important to my career?

• Having a comprehensive body of work (even those in-progress) in your portfolio will allow you to showcase and demonstrate the skills you've acquired during your journey as a front-end web developer.
• Without a portfolio, recruiters won’t even look at your resume much less interview you.
• At their very foundation, web applications are just content delivery mechanisms; HTML defines how that language is structured.
• Reading poorly designed content is never an enjoyable experience; CSS empowers you to create beautiful content regardless of your user’s device!

Design mockup

The design mockup for this project is located here.

Note that ultimately, the colors and overall design in the mockup are just general guidelines! This is your portfolio to showcase, after all!